<script setup>
const list = [
    {
        id: 1,
        name: '书城',
        path: '/index',
        icon: 'iconfont icon-ziliaoku'
    },
    {
        id: 2,
        name: '社区',
        path: '/community',
        icon: 'iconfont icon-shequ-active'
    },
    {
        id: 3,
        name: '福利',
        path: '/welfare',
        icon: 'iconfont icon-fuli'
    },
    {
        id: 4,
        name: '我的',
        path: '/my',
        icon: 'iconfont icon-wodedamaijihuo'
    }
]

</script>

<template>
    <div class="footer">
        <div class="footer-seat">
            <div class="footer-list">
                <ul>
                    <li v-for="item in list" :key="item.id">
                        <router-link :to="item.path">
                            <i :class="item.icon"></i>
                            <p>{{ item.name }}</p>
                        </router-link>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</template>

<style scoped>
</style>